<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
    <meta name="author" content="MonLam">
    <title>客户端聊天窗口</title>
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <link rel="stylesheet" href="/static/chat/icon/iconfont.css">
    <link rel="stylesheet" href="/static/libs/monEmoji/mon-emoji.css">
    <link rel="stylesheet" href="/static/chat/message/chatMessage.css">
    <style type="text/css">
    .spinner{position:relative;margin:200px auto;width:20px;height:20px}.container1>div,.container2>div,.container3>div{position:absolute;width:6px;height:6px;border-radius:100%;background-color:#333;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .spinner-container{position:absolute;width:100%;height:100%}.container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.circle1{top:0;left:0}.circle2{top:0;right:0}.circle3{right:0;bottom:0}.circle4{bottom:0;left:0}.container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.container3 .circle1{-webkit-animation-delay:-1s;animation-delay:-1s}.container1 .circle2{-webkit-animation-delay:-.9s;animation-delay:-.9s}.container2 .circle2{-webkit-animation-delay:-.8s;animation-delay:-.8s}.container3 .circle2{-webkit-animation-delay:-.7s;animation-delay:-.7s}.container1 .circle3{-webkit-animation-delay:-.6s;animation-delay:-.6s}.container2 .circle3{-webkit-animation-delay:-.5s;animation-delay:-.5s}.container3 .circle3{-webkit-animation-delay:-.4s;animation-delay:-.4s}.container1 .circle4{-webkit-animation-delay:-.3s;animation-delay:-.3s}.container2 .circle4{-webkit-animation-delay:-.2s;animation-delay:-.2s}.container3 .circle4{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}
    </style>
    </head>
    <body style="zoom: 1">
        <noscript>
            <strong>很抱歉，没有启用JavaScript, 应用无法正常工作，请启用JavaScript后重新打开应用。</strong>
        </noscript>
        <div id="app">
            <div class="spinner">
                <div class="spinner-container container1">
                    <div class="circle1"></div>
                    <div class="circle2"></div>
                    <div class="circle3"></div>
                    <div class="circle4"></div>
                </div>
                <div class="spinner-container container2">
                    <div class="circle1"></div>
                    <div class="circle2"></div>
                    <div class="circle3"></div>
                    <div class="circle4"></div>
                </div>
                <div class="spinner-container container3">
                    <div class="circle1"></div>
                    <div class="circle2"></div>
                    <div class="circle3"></div>
                    <div class="circle4"></div>
                </div>
            </div>
        </div>
        <!-- built files will be auto injected -->
        <script src="/static/libs/monEmoji/mon-emoji.js"></script>
        <script src="/static/chat/message/chatMessage.js"></script>
        <script>
            var config = {
                server: 'ws://127.0.0.1:8623',
                app: '919bd32e3ddf7b1af05e07215b204c17',
                cmd: 'visitor',
                title: '瀚捷网络科技有限公司',
                logo: 'https://gdmon.com/static/blog/img/avatar.jpg',
                home: '#',
                uploadLink: '/chat/upload',
                user: '游客',
                wellcome: '欢迎您的光临<br />我们将竭诚为您服务',
                emojiSetting: {
                    path: '/static/libs/monEmoji/img/',
                }
            }
        </script>
    </body>
</html>
